<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>骡窝窝国内机票预订 - 骡窝窝</title>
    <meta name="renderer" content="webkit"/>

    <script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>

    <script src="/js/plugins/cc/pick.js"></script>
    <script src="/js/plugins/cc/kif.js"></script>

    <link href="/styles/flight/index.css" rel="stylesheet" type="text/css">
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <#--<link href="/styles/planetickedt.css" rel="stylesheet" type="text/css">-->
    <#--<link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">-->
    <#--<link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css" rel="stylesheet" type="text/css"/>-->

    <script>
        //单程和返程操作
        $(function () {
            //返程设置
            $('#round_way_btn').click(function () {
                $('#one_way_btn').removeClass('on');
                $('#round_way_btn').addClass('on');
                //判断是否是往程操作
                round = 2;


            })
            $('#one_way_btn').click(function () {
                $('#one_way_btn').addClass('on');
                $('#round_way_btn').removeClass('on');
                round = 1;
            })

        })

        //单程和往返
        $(function () {
            $('.ico-go').click(function () {

            })
        })
    </script>

</head>
<body>
<body>
<#assign currentNav="flight">
<#include "../common/navbar.ftl">

<div class="container" ng-controller="indexController">

    <div class="m-title">
        <span class="flight-icon"></span>
        <span>国内机票</span>
        <i class="icon-flight"></i></div>
    <div class="fm flight" >

        <div class="book-form" >
            <ul class="book-tab" >
                <li class="on" id="one_way_btn" ng-click="setOneWay()"><a  href="javascript:;"><i class="icon-go"></i>单程</a>
                </li>
                <#--<li class="" id="round_way_btn" ng-click="setRonudWay()"><a  href="javascript:;"><i class="icon-round"></i>往返</a>
                </li>-->
            </ul>

            <form id="searchForm" method="post" action="/flight/list">
                <div class="book-content">
                    <div class="item">
                        <span class="label">出发城市</span>
                        <div class="inp-wrap">
                            <label><input type="text"  name="departCityName" id="departCity"
                                          placeholder="中文/拼音/简拼"
                                          ng-model="departCityName"></label>
                            <div class="hot-city-layer" id="departCityLayer" style="display: none;width: 490px;">
                                <div class="hcl-nav" ng-show="!showDepartSuggest">
                                    <a class="on" id="departHotTab" href="javascript:;"
                                       ng-click="hclNavClickHot(0)">国内热门</a>
                                    <a href="javascript:;" class="departGroupTab" data-depart-tab-id="{{groupCity.k}}"
                                       ng-repeat="groupCity in cityChina" ng-click="hclNavClick(groupCity.k, 0)">{{groupCity.k}}</a>
                                    <a class="destGroupTab" id="destHotTab" href="javascript:;"
                                       ng-click="setRonudWay()">港澳台</a>
                                </div>
                                <div class="hcl-list" ng-show="!showDepartSuggest">
                                    <ul class="clearfix" id="departHotLayer">
                                        <li ng-repeat="hotCity in chinaHot">
                                            <a href="javascript:;" ng-click="selectCity(hotCity, 0)">{{hotCity.n}}</a>
                                        </li>
                                    </ul>
                                    <div ng-repeat="groupCity in cityChina" class="departGroupLayer"
                                                data-depart-layer-id="{{groupCity.k}}" style="display: none;">
                                    <dl ng-repeat="letter in groupCity.v">
                                        <dt>{{letter.k}}</dt>
                                        <dd>
                                            <a href="javascript:;" ng-repeat="city in letter.n"
                                               ng-click="selectCity(city, 0)">{{city.n}}</a>
                                        </dd>
                                    </dl>
                                </div>
                                </div>
                                <div class="hcl-list" ng-show="showDepartSuggest">
                                    <ul class="clearfix" id="departSuggest">
                                        <li ng-repeat="city in departSuggestList">
                                            <a href="javascript:;" ng-click="selectCity(city, 0)">{{city.n}}</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <span class="switch"><a href="javascript:;" ng-click="switchCity()">换</a></span>

                    <div class="item">
                        <span class="label">到达城市</span>
                        <div class="inp-wrap">
                            <label><input type="text" name="destCityName" id="destCity" placeholder="中文/拼音/简拼"
                                          ng-model="destCityName"></label>
                            <div class="hot-city-layer" id="destCityLayer" style="display: none;width: 490px;">
                                <!--防止对公共属性进行修改-->
                                <div class="hcl-nav" ng-show="!showDestSuggest">
                                    <a class="on" id="destHotTab" href="javascript:;"
                                       ng-click="hclNavClickHot(1)">国内热门</a>
                                    <a href="javascript:;" class="destGroupTab" data-dest-tab-id="{{groupCity.k}}"
                                       ng-repeat="groupCity in cityChina"
                                       ng-click="hclNavClick(groupCity.k, 1)">{{groupCity.k}}</a>
                                    <a class="destGroupTab" id="destHotTab" href="javascript:;"
                                       ng-click="setRonudWay()">港澳台</a>
                                </div>
                                <div class="hcl-list" ng-show="!showDestSuggest">
                                    <ul class="clearfix" id="destHotLayer">
                                        <li ng-repeat="hotCity in chinaHot">
                                            <a href="javascript:;" ng-click="selectCity(hotCity, 1)">{{hotCity.n}}</a>
                                        </li>
                                    </ul>
                                    <div ng-repeat="groupCity in cityChina" class="destGroupLayer"
                                         data-dest-layer-id="{{groupCity.k}}" style="display: none;">
                                        <dl ng-repeat="letter in groupCity.v">
                                            <dt>{{letter.k}}</dt>
                                            <dd>
                                                <a href="javascript:;" ng-repeat="city in letter.n"
                                                   ng-click="selectCity(city, 1)">{{city.n}}</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">出发日期</span>
                        <div class="inp-wrap">
                            <input id="startDate" name="startDate" type="text" onclick="WdatePicker()" placeholder="点击输入">
                        </div>
                    </div>
                    <#--<div class="item">
                        <span class="label">返回日期</span>
                        <div class="inp-wrap">
                            <input id="endDate" name="endDate" type="text" value="" disabled  placeholder="点击输入">
                        </div>
                    </div>-->
                    <div class="item item-btn"><a href="javascript:;" id="search"><i></i>搜索</a></div>
                </div>
            </form>
            <script>
                $(function () {
                    $("#search").click(function () {
                        $("#searchForm").submit();
                    })
                })
            </script>
        </div>
        <div class="flight-focus">
            <div class="flight-slide" data-mes-g="0-2" data-mes-t="轮播图区域" data-slide="1">
                <ul class="slide-img" style="width:3650px;" data-mes-g="0-2-0" data-mes-t="轮播图">

                    <li>
                        <a href="" target="_blank" data-index="0" data-url="" data-param="扫码购机票"
                           data-source="www">
                            <img src="/images/sm.png" height="350" width="620">
                        </a>
                    </li>

                </ul>
            </div>

        </div>


    </div>
    <div class="flightpc-index-service">
        <div class="flightpc-s1"><i></i>100%航协认证</div>
        <div class="flightpc-s2"><i></i>出行保证</div>
        <div class="flightpc-s3"><i></i><span>7x24小时服务<br><strong>4006345678转2</strong></span></div>
    </div>


    <div class="m-title"><i class="ticket-icon"></i>特价机票</div>
    <div class="fm tejia">
        <div class="figure">
            <a class="item" href="javascript:;" ng-click="searchLocationHot(hotlines.loc_depart[0])">
                <img ng-src="{{hotlines.loc_depart[0].img_url}}"
                     src=""
                     height="140" width="225">
                <div class="title">
                    <d ng-bind="hotlines.loc_depart[0].departCity"></d>
                    -
                    <d ng-bind="hotlines.loc_depart[0].destCity"></d>
                    <span class="s-pull">￥<d ng-bind="hotlines.loc_depart[0].price"></d></span></div>
            </a>
            <a class="item" href="javascript:;" ng-click="searchLocationHot(hotlines.loc_depart[1])">
                <img ng-src="{{hotlines.loc_depart[1].img_url}}"
                     src=""
                     height="140" width="225">
                <div class="title">
                    <d ng-bind="hotlines.loc_depart[1].departCity"></d>
                    -
                    <d ng-bind="hotlines.loc_depart[1].destCity"></d>
                    <span class="s-pull">￥<d ng-bind="hotlines.loc_depart[1].price"></d></span></div>
            </a>
            <a class="item" href="javascript:;" ng-click="searchLocationHot(hotlines.loc_depart[2])">
                <img ng-src="{{hotlines.loc_depart[2].img_url}}"
                     src=""
                     height="140" width="225">
                <div class="title">
                    <d ng-bind="hotlines.loc_depart[2].departCity"></d>
                    -
                    <d ng-bind="hotlines.loc_depart[2].destCity"></d>
                    <span class="s-pull">￥<d ng-bind="hotlines.loc_depart[2].price"></d></span></div>
            </a>
            <a class="item" href="javascript:;" ng-click="searchLocationHot(hotlines.loc_depart[3])">
                <img ng-src="{{hotlines.loc_depart[3].img_url}}"
                     src=""
                     height="140" width="225">
                <div class="title">
                    <d ng-bind="hotlines.loc_depart[3].departCity"></d>
                    -
                    <d ng-bind="hotlines.loc_depart[3].destCity"></d>
                    <span class="s-pull">￥<d ng-bind="hotlines.loc_depart[3].price"></d></span></div>
            </a>
        </div>
        <div class="place-nav">
            <a href="javascript:;" ng-repeat="one in hotlines.hot_depart track by $index"
               data-hotline-nav-id="{{$index}}" ng-click="selectHotLine($index)" ng-bind="one.tab_name"></a>
        </div>
        <div class="list hotline" ng-repeat="line in hotlines.hot_depart track by $index" data-hotline-id="{{$index}}"
             style="display: none;">
            <ul class="clearfix">
                <li ng-repeat="one in line.list" ng-click="searchHotLine(one)">
                    <a href="#">
                        <span class="line"><d ng-bind="one.org_city_name"></d> - <d
                                ng-bind="one.dst_city_name"></d></span>
                        <span class="time" ng-bind="one.show_date"></span>
                        <span class="price">
                            <span ng-if="one.discount / 10 > 0"><d ng-bind="one.discount / 10"></d>折</span>
                            <span ng-if="one.discount / 10 <= 0">特价</span>
                        </span>
                        <span class="mfw-price">￥<d ng-bind="one.price"></d></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>


<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular-sanitize.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/moment-with-locales.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<#--<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/localStorage.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>-->

<#--<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/dateUtil.js?1542356740" type="text/javascript"
        crossorigin="anonymous"></script>-->

<#--<script language="javascript" src="https://js.mafengwo.net/js/common/widgets.js?1537192880" type="text/javascript"
        crossorigin="anonymous"></script>-->

<#--<script language="javascript" src="https://js.mafengwo.net/js/jquery.mfwSlide.js?1537192880" type="text/javascript"
        crossorigin="anonymous"></script>-->





<link href="https://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>
<link href="http://css.mafengwo.net/flight/css/flightpc/index.2ef6f77c.css?1563968621" rel="stylesheet" type="text/css"/>


<#---->
<#include "../common/footer.ftl">

<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+xdate:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+Datepicker:js+hotel+module+FestivalDateConfig:js+hotel+module+DateRangePicker:flight+js+controller+www+indexController:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^a1VV^1561616124.js");
    }
</script>

</body>
</html>
